<template>
  <div class="newslist-component">

    <block v-for="(item,index) in list" :key="index">
      <a :href="'/pages/newinfo/main?id='+item.id" class="item">
        <div class="item-left">
          <image :src="item.thumb"/>
        </div>
        <div class="item-right">
          <div class="normaltext news-title">{{item.title}}}</div>
          <div class="smalltext news-des">摘要：{{item.description}}</div>
          <div class="smalltext news-time">发布时间：{{item.inputtime1}}</div>
        </div>
      </a>
    </block>
  </div>
</template>
<script>
  export default {
    data(){
      return {
        isLoading:'',
        isNext:'',
      }
    },
    props:['list'],

    mounted(){
      // console.log(this.list);

    }
  }
</script>

<style scoped>
.newslist-component{

}
.newslist-component .item{
  display: flex;
  flex-direction: row;
  background: #fff;
  margin-top: 15rpx;
  padding:5rpx;
}
.newslist-component .item-left{
  height:218rpx;
}
.newslist-component .item-left image{
  width:286rpx;
  height:218rpx;
}
.newslist-component .item-right{
  padding:0 10rpx;
}
.news-title{
  width: 418rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.news-des,.news-time{
  color: #8D8181;
  line-height: 35rpx;
}
.news-des{
  width: 418rpx;
  height: 70rpx;
  margin-top: 33rpx;
  display: -webkit-box ;

  overflow: hidden;

  text-overflow: ellipsis;

  word-break: break-all;

  -webkit-box-orient: vertical;

  -webkit-line-clamp:2;

}
/*.news-des:after {*/
  /*content:"...";*/
  /*position:absolute;*/
  /*bottom:0;*/
  /*right:0;*/
  /*padding: 0 5px;*/
  /*background-color: #fff;*/
/*}*/
.news-time{
  margin-top: 35rpx;
}
</style>
